<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>blog-content</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/list.css">
</head>
<body>
    <div class="nav">
        <img src="./img/四季如春.jpg" alt="" title="log图">
        <span class="title">我的博客系统</span>
        <a href="blog-list.html">主页</a>
        <a href="blog-edit.html">写博客</a>
        <a href="blog-login.html">退出</a>
    </div>

    <div class="container">
        <div class="contain-left">
           <div class="card">
                <img src="img/白黑.jpg">
                <h3>JavaPlayer</h3>
                <a href="https://gitee.com/">github地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>2</span>
                    <span>1</span>
                </div>
           </div>
           
        </div>
        <div class="contain-right">
            <div class="blog">
                <div class="title">我的第一篇博客</div>
                <div class="date">2025-05-10</div>
                <div class="desc">
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis, magnam veniam reiciendis mollitia sint fugiat laboriosam laudantium. Repellendus non amet tempora, perferendis saepe possimus, soluta recusandae odio fugit facilis quibusdam?
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis, magnam veniam reiciendis mollitia sint fugiat laboriosam laudantium. Repellendus non amet tempora, perferendis saepe possimus, soluta recusandae odio fugit facilis quibusdam?
                    Lorem ipsum dolor, sit amet consectiendis mollitia sint fugiat laboriosam laudantium. Repellendus non amet tempora, perferendis saepe possimus, soluta recusandae odio fugit facilis quibusdam?
                    Lorem ipsum dolors, magnam veniam reiciendis mollitia sint fugiat laboriosam laudantium. Repellendus non amet tempora, perferendis saepe possimus, soluta recusandae odio fugit facilis quibusdam?
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis, magnam veniam reiciendis mollitia sint fugiat laboriosam laudantium. Repellendus non amet tempora, perferendis saepe possimus, soluta recusandae odio fugit facilis quibusdam?
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis, magnam veniam reiciendis mollitia sint fugiat laboriosam laudantium. Repellendus non amet tempora, perferendis saepe possimus, soluta recusandae odio fugit facilis quibusdam?
                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis, magnam veniam reiciendis mollitia sint fugiat laboriosam laudantium. Repellendus non amet tempora, perferendis saepe possimus, soluta recusandae odio fugit facilis quibusdam
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ullam recusandae corporis laborum, dolorem temporibus delectus eum! Aliquam quasi et, facere, aspernatur eveniet aut in libero deserunt, qui maiores velit quibusdam.
                    Lorem ipsum dolor, sus, soluta recusandae odio fugit facilis quibusdam
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ullam recusandae corporis laborum, dolorem temporibus delectus eum! Aliquam quasi et, facere, aspernatur eveniet aut in libero deserunt, qui maiores velit quibusdam.
                </div>
                
            </div>
            
        </div>

    </div>
</body>
</html>